/**
* @name: product-list.less
* @description: 公共模块css
* @author: Alan(alan_webdeveloper@163.com)
* @update: 2020-06-01 17:19
*/
@import "../public/mixins";
@import "../public/variables";

//path面包屑导航路径
.g-path {
  .path-item::after {
    padding: 0 5px;
    content: '/';
  }
  .path-item:nth-last-of-type(1)::after {
    content: ' ';
  }
}


.product-container {
  padding: 10px 0 10px;
  background: @whiteColor;
}

.product-box {
  .clearFix();
  margin: 0 10px;
  border-left: 1px solid @borderColor;



  .product-item {
    float: left;
    width: 50%;
    text-align: center;
    border-bottom: 1px solid @borderColor;
    border-right: 1px solid @borderColor;

    &:nth-of-type(1),
    &:nth-of-type(2) {
      border-top: 1px solid @borderColor;
    }
  }

  .product-item a {
    display: block;
    padding: 30px 15px 0;
  }

  .product-item a img {
    .img-responsive();
    .center-block();
  }

  .product-item a p {
    .text-overflow-many(100%, 3);
    margin: 20px 0;
    color: @baseColor;
    #transition(all .2s linear);
  }
}

.category-select{
  padding-bottom: 10px;
  background: #fff;
  margin-top: -10px;
}
.category-select-box {
  display: flex;
  flex-wrap: wrap;
  margin: 10px;
  border-left: 1px solid @borderColor;
}

.category-select-item {
  width: 50%;
  padding: 0 10px;
  line-height: 35px;
  border: 1px solid @borderColor;
  border-left: transparent;
  border-top: transparent;
  &:nth-of-type(1),
  &:nth-of-type(2) {
    border-top: 1px solid @borderColor;
  }
}

.category-select-item  span {
  color: #333;
  background: #fff;
}


